/** @format */

.loadingHome {
  height: 100%;
  display: flex;
  flex-direction: column;
  background-color: #fff;
  .left {
    flex-basis: 300px;
    width: 200px;
  }
  .right {
    flex: 1;
    display: flex;
    justify-content: space-around;
  }
  header {
    height: 65px;
    padding: 10px 0;
    // border-bottom: 1px solid #dddddd;
    background-color: #fff;
    display: flex;
    align-items: center;
  }
  main {
    display: flex;
    flex: 1;
    // overflow: hidden;
    aside {
      flex-basis: 300px;
    }
    article {
      flex: 1;
      padding: 0 20px 20px 108px;
    }
  }
  footer {
    height: 65px;
    display: flex;
    align-items: center;
    padding: 10px 0;
    // border-top: 1px solid #dddddd;
    .right {
      @extend .right;
      margin-left: 300px;
      justify-content: space-between;
    }
  }
}
